// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Header Component should apply values from theme 1`] = `
<View
  style={
    Object {
      "alignItems": "center",
      "backgroundColor": "pink",
      "borderBottomColor": "#f2f2f2",
      "borderBottomWidth": 0.5,
      "flexDirection": "row",
      "height": 64,
      "justifyContent": "space-between",
      "paddingHorizontal": 10,
      "paddingTop": 20,
    }
  }
>
  <Image
    style={
      Array [
        Object {
          "bottom": 0,
          "left": 0,
          "position": "absolute",
          "right": 0,
          "top": 0,
        },
        Object {
          "height": 64,
          "width": undefined,
        },
        undefined,
      ]
    }
    testID="headerContainer"
    updateTheme={[Function]}
  />
  <View
    style={
      Object {
        "alignItems": "flex-start",
        "flex": 1,
      }
    }
  />
  <View
    style={
      Object {
        "alignItems": "center",
        "flex": 3,
      }
    }
  />
  <View
    style={
      Object {
        "alignItems": "flex-end",
        "flex": 1,
      }
    }
  />
</View>
`;

exports[`Header Component should render center component by passing a config through props 1`] = `
<ImageBackground
  style={
    Object {
      "alignItems": "center",
      "backgroundColor": "#2089dc",
      "borderBottomColor": "#f2f2f2",
      "borderBottomWidth": 0.5,
      "flexDirection": "row",
      "height": 64,
      "justifyContent": "space-between",
      "paddingHorizontal": 10,
      "paddingTop": 20,
    }
  }
  testID="headerContainer"
>
  <StatusBar
    animated={false}
    showHideTransition="fade"
  />
  <Children
    placement="left"
    style={
      Object {
        "flex": 1,
      }
    }
  />
  <Children
    placement="center"
    style={
      Object {
        "flex": 3,
      }
    }
  >
    <Component />
  </Children>
  <Children
    placement="right"
    style={
      Object {
        "flex": 1,
      }
    }
  />
</ImageBackground>
`;

exports[`Header Component should render left component by passing a component through props 1`] = `
<ImageBackground
  style={
    Object {
      "alignItems": "center",
      "backgroundColor": "#2089dc",
      "borderBottomColor": "#f2f2f2",
      "borderBottomWidth": 0.5,
      "flexDirection": "row",
      "height": 64,
      "justifyContent": "space-between",
      "paddingHorizontal": 10,
      "paddingTop": 20,
    }
  }
  testID="headerContainer"
>
  <StatusBar
    animated={false}
    showHideTransition="fade"
  />
  <Children
    placement="left"
    style={
      Object {
        "flex": 1,
      }
    }
  >
    <Button
      onPress={[Function]}
      title="Test button"
    />
  </Children>
  <Children
    placement="center"
    style={
      Object {
        "flex": 3,
      }
    }
  />
  <Children
    placement="right"
    style={
      Object {
        "flex": 1,
      }
    }
  />
</ImageBackground>
`;

exports[`Header Component should render left component by passing a config through props 1`] = `
<ImageBackground
  style={
    Object {
      "alignItems": "center",
      "backgroundColor": "#2089dc",
      "borderBottomColor": "#f2f2f2",
      "borderBottomWidth": 0.5,
      "flexDirection": "row",
      "height": 64,
      "justifyContent": "space-between",
      "paddingHorizontal": 10,
      "paddingTop": 20,
    }
  }
  testID="headerContainer"
>
  <StatusBar
    animated={false}
    showHideTransition="fade"
  />
  <Children
    placement="left"
    style={
      Object {
        "flex": 1,
      }
    }
  >
    <Component />
  </Children>
  <Children
    placement="center"
    style={
      Object {
        "flex": 3,
      }
    }
  />
  <Children
    placement="right"
    style={
      Object {
        "flex": 1,
      }
    }
  />
</ImageBackground>
`;

exports[`Header Component should render right component by passing a component through props 1`] = `
<ImageBackground
  style={
    Object {
      "alignItems": "center",
      "backgroundColor": "#2089dc",
      "borderBottomColor": "#f2f2f2",
      "borderBottomWidth": 0.5,
      "flexDirection": "row",
      "height": 64,
      "justifyContent": "space-between",
      "paddingHorizontal": 10,
      "paddingTop": 20,
    }
  }
  testID="headerContainer"
>
  <StatusBar
    animated={false}
    showHideTransition="fade"
  />
  <Children
    placement="left"
    style={
      Object {
        "flex": 1,
      }
    }
  />
  <Children
    placement="center"
    style={
      Object {
        "flex": 3,
      }
    }
  />
  <Children
    placement="right"
    style={
      Object {
        "flex": 1,
      }
    }
  >
    <Button
      onPress={[Function]}
      title="Test button"
    />
  </Children>
</ImageBackground>
`;

exports[`Header Component should render right component by passing a config through props 1`] = `
<ImageBackground
  style={
    Object {
      "alignItems": "center",
      "backgroundColor": "#2089dc",
      "borderBottomColor": "#f2f2f2",
      "borderBottomWidth": 0.5,
      "flexDirection": "row",
      "height": 64,
      "justifyContent": "space-between",
      "paddingHorizontal": 10,
      "paddingTop": 20,
    }
  }
  testID="headerContainer"
>
  <StatusBar
    animated={false}
    showHideTransition="fade"
  />
  <Children
    placement="left"
    style={
      Object {
        "flex": 1,
      }
    }
  />
  <Children
    placement="center"
    style={
      Object {
        "flex": 3,
      }
    }
  />
  <Children
    placement="right"
    style={
      Object {
        "flex": 1,
      }
    }
  >
    <Component />
  </Children>
</ImageBackground>
`;

exports[`Header Component should render with backgroundImage 1`] = `
<ImageBackground
  source={
    Object {
      "uri": "http://google.com",
    }
  }
  style={
    Object {
      "alignItems": "center",
      "backgroundColor": "#2089dc",
      "borderBottomColor": "#f2f2f2",
      "borderBottomWidth": 0.5,
      "flexDirection": "row",
      "height": 64,
      "justifyContent": "space-between",
      "paddingHorizontal": 10,
      "paddingTop": 20,
    }
  }
  testID="headerContainer"
>
  <StatusBar
    animated={false}
    showHideTransition="fade"
  />
  <Children
    placement="left"
    style={
      Object {
        "flex": 1,
      }
    }
  />
  <Children
    placement="center"
    style={
      Object {
        "flex": 3,
      }
    }
  />
  <Children
    placement="right"
    style={
      Object {
        "flex": 1,
      }
    }
  />
</ImageBackground>
`;

exports[`Header Component should render with backgroundImageStyle 1`] = `
<ImageBackground
  imageStyle={
    Object {
      "opacity": 0.1,
    }
  }
  style={
    Object {
      "alignItems": "center",
      "backgroundColor": "#2089dc",
      "borderBottomColor": "#f2f2f2",
      "borderBottomWidth": 0.5,
      "flexDirection": "row",
      "height": 64,
      "justifyContent": "space-between",
      "paddingHorizontal": 10,
      "paddingTop": 20,
    }
  }
  testID="headerContainer"
>
  <StatusBar
    animated={false}
    showHideTransition="fade"
  />
  <Children
    placement="left"
    style={
      Object {
        "flex": 1,
      }
    }
  />
  <Children
    placement="center"
    style={
      Object {
        "flex": 3,
      }
    }
  />
  <Children
    placement="right"
    style={
      Object {
        "flex": 1,
      }
    }
  />
</ImageBackground>
`;

exports[`Header Component should render without issues 1`] = `
<ImageBackground
  style={
    Object {
      "alignItems": "center",
      "backgroundColor": "#2089dc",
      "borderBottomColor": "#f2f2f2",
      "borderBottomWidth": 0.5,
      "flexDirection": "row",
      "height": 64,
      "justifyContent": "space-between",
      "paddingHorizontal": 10,
      "paddingTop": 20,
    }
  }
  testID="headerContainer"
>
  <StatusBar
    animated={false}
    showHideTransition="fade"
  />
  <Children
    placement="left"
    style={
      Object {
        "flex": 1,
      }
    }
  />
  <Children
    placement="center"
    style={
      Object {
        "flex": 3,
      }
    }
  />
  <Children
    placement="right"
    style={
      Object {
        "flex": 1,
      }
    }
  />
</ImageBackground>
`;
